<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8" />
	<title>招商基金——前端规范</title>
	<link rel="stylesheet" type="text/css" href="http://aimi.li/cmf/css/common.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="js/menuData.js"></script>
	<script type="text/javascript">
		var initMenu = function(){
			var menu = $('<div />');
			$.each(MENU_DATA, function(){
				var row = this;
				var guiCategory = $('<div class="ui_menu_item" />');
				var guiTit = $('<h2 class="ui_menu_tit" />').text(row.categoryName);
				var guiOl = $('<ol class="ui_menu_con" />');
				$.each(row.items, function() {
					$('<li />').append($('<a />',this).attr("target","mainFrame").text(this.name)).appendTo(guiOl);
				});
				guiCategory.append(guiTit,guiOl).appendTo(menu);
			});
			$('#js_ui_menu').append(menu.children());
		}

		$(function(){
			initMenu();
		});
	</script>
</head>
<body>
	<div class="ui_s">
		<div class="ui_logo"><h1>CMF组件</h1></div>

		<div id="js_ui_menu" class="ui_menu"></div>
	</div>
</body>
</html>